<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>CSS3 Chrome Tabs</title>
    
    <!--Tabs Style Sheet Foundation and Theme-->
    
    <link href="tabs.css" type="text/css" rel="stylesheet">
        
        
    <style type="text/css">
    
    /* Basic and Extras */
    
        #container{
            background-color: #9c9c9c;
            padding: 1px;
            width: 960px;
            margin: 5px auto;
            border-radius: 4px;
            
        }
        
        .wrap{
            
            padding: 0;
            margin: 0;
            -o-border-radius: 2px;
            border-radius: 2px;
        }
        
        .window{
            height: 300px;
            width: 100%;
            border: 0;
            background-color: #fff;
        }
        
        
        
        .search{
            border-radius: 4px;
            border: 1px solid #9c9c9c;
            line-height: 25px;
            height: 25px;
            background-color: #fff;
            margin: 5px;
            box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fff;
            width: 500px;
            padding-left: 25px;
            background-image: url(default.png);
            background-repeat: no-repeat;
            background-position: 5px 5px;
        }
        
        .home{
            width: 25px;
            height: 25px;
            background-image: url(home.png);
            background-repeat: no-repeat;
            background-position: center;
            float: left;
            margin: 5px;
            border-radius: 4px;
            border: 1px solid transparent;
        }
        
        .home:hover{
            background-color: rgba(255,255,255,.3);
            border-color: #9c9c9c;
        }
        
        /* Clear Fix took for HTML 5 Boilerlate*/
        
        .clearfix:before, .clearfix:after { content: ""; display: table; }
        .clearfix:after { clear: both; }
        .clearfix { zoom: 1; }
    
    
    </style>
    
</head>
<body>
    <div id="container">
            <div class="wrap">
                    <ul class="tab-list">
                        <li>
                            <div class="left-mask">
                                <span></span>
                            </div>
                            <a class="hit-area">Hit Area Text</a>
                            <div class="right-mask">
                                <span></span>
                            </div>
                        </li>
                        <li class="current">
                            <div class="left-mask">
                                <span></span>
                            </div>
                            <a class="hit-area">Hit Area Text</a>
                            <div class="right-mask">
                                <span></span>
                            </div>
                            
                            
                        </li>
                        <li>
                            <div class="left-mask">
                                <span></span>
                            </div>
                            <a class="hit-area">Hit Area Text</a>
                            <div class="right-mask">
                                <span></span>
                            </div>
                        </li>
                        <li>
                            <div class="left-mask">
                                <span></span>
                            </div>
                            <a class="hit-area">Hit Area Text</a>
                            <div class="right-mask">
                                <span></span>
                            </div>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="bar">
                        <div class="home"></div>
                        <input type="text"class="search">
                        
                    </div>
                    <iframe class="window" src="http://redeyeoperations.com">
                    </iframe>
            </div>
    </div>
</body>
</html>
